/*会员卡首页*/
.hyk_topbox{background: url(../images/bac_shouyt.jpg) no-repeat; background-size: 100% 100%; padding: .7rem 8% 1.4rem;}
.hyk_memimg{width: 3.5rem; height: 3.5rem; overflow: hidden; border-radius: 50%; margin: 0 auto;}
.hyk_memimg img{height: 100%;}
.hyk_top .nam{text-align: center; font-size: .85rem;}
.hyk_czpribox{display: table; width: 100%; padding: .7rem 0 .3rem;}
.hyk_czpribox>li{display: table-cell; width: 50%; vertical-align: middle; text-align: center; font-size: .85rem; color: #888888; border-right: 1px solid #8F8D8D;}
.hyk_czpribox li:last-child{border: 0;}
.hyk_czpribox li .num{color: #000000; font-size: 1.3rem; font-weight: bold;}

.hyk_btn{display: block; width: 50%; height: 2.1rem; line-height: 2.1rem; background: #1DAA39; color: white; text-align: center; border-radius: 5px; margin: 1.5rem auto .3rem; font-size: 1rem;}
.hyk_tip{text-align: center; font-size: .85rem; color: #1DAA39;}

.hyk_czkxfjl{display: block; position: absolute; bottom: 1rem; color: #999999; width: 100%; text-align: center;}
.hyk_content{height: 100%; background: #F2F2F2;}

/*会员卡充值*/
.hykcz_topbox{background: url(../images/bac_hykcz.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 3.8rem;}
.ljcz{height: 1.7rem; line-height: 1.7rem; background: #1DAA39; color: white; width: 70%; margin: 0 auto; border-radius: 1rem; text-align: center; font-size: .75rem;}
.hykcz_topbox .hyk_top .nam{margin: .3rem 0 .7rem;}
.hycz_list{padding: .5rem 5%;}
.hycz_list li{display: table; width: 100%; padding: 1rem 0; background: white; margin-bottom: 10px; border-radius: 5px;}
.hycz_list li>div{display: table-cell; width: 50%; vertical-align: middle; font-size: .85rem;}
.hycz_list li .left{text-align: right; color: #1DAA39; padding-right: .5rem; font-size: 1.4rem;}
.hycz_list li .left em{font-weight: bold; font-size: 2rem;}
.hycz_list li .right p{font-size: .85rem; line-height: normal; padding-left: .5rem;}
.hycz_list li .right .tip{font-size: .75rem;}
.hycz_btn{width: 70%; margin-top: .5rem;}
.hycz_tip{text-align: center; font-size: .7rem; line-height: normal; padding-top: .3rem;}
.hycz_tip em{color: #1DAA39;}
.ckczsm{display: block; width: 100%; text-align: center; font-size: .7rem; color: #1DAA39; padding: 1rem 0 1.5rem;}

/*确认付款*/
.mui-bar-nav~.mui-content.qrfk_content{padding-top: 55px;}
.qurfk_topbox{background: white; width: 90%; margin: 0 auto; padding: 1rem 8%; border-radius: 5px; box-shadow: 0 0 8px 0 #CCCCCC;}
.qrfk_nambox .memimg{width: 4rem; height: 4rem; border-radius: 3px; margin: 0 auto; overflow: hidden;}
.qrfk_nambox .memimg img{height: 100%;}
.qrfk_nambox .nam{text-align: center; font-size: .85rem; padding-top: .2rem;}
.qrfk_btn{width: 100%; margin-top: 1rem;}
.qrfk_bt{font-size: .85rem; padding: 1.3rem 0 1.5rem;}
.qrfk_pribox{border-bottom: 1px solid #DCDCDC;}
.qrfk_pribox label{font-size: 2rem; display: inline-block; width: 10%; vertical-align: sub;}
.qrfk_pribox input{display: inline-block; width: 70%; padding: 5px 0; border: 0; font-size: 2.5rem; font-weight: bold; vertical-align: sub;}
.qrfk_bottom{text-align: center; padding: 2.5rem 0 0; width: 70%; margin: 0 auto;}
.qrfk_bottom a{display: inline-block; float: left; border-right: 1px solid #D9D9D9; color: #999999; font-size: 1rem; width: 50%; vertical-align: middle; text-align: center;}
.qrfk_bottom a:last-child{border: 0;}

.qrfk_yfje{font-size: .75rem; color: #666666;}
.qrfk_yfje em{color: #1DAA39;}

/*消费记录*/
.xfjl_content{background: white; }
.xfjl_list li{display: table; width: 100%; border-bottom: 1px solid #C4C4C1; padding: .7rem 0;}
.xfjl_list li>div{display: table-cell; vertical-align: middle; width: 50%; text-align: center; font-size: .95rem;}
.xfjl_list .right{font-size: 1.3rem; line-height: normal;}
.xfjl_list .add{color: #1DAA39;}

/*电子优惠券*/
.dzyhq_glj{width: 80%; padding: .7rem 0; position: absolute; left: 10%; top: -1.5rem; box-shadow: 0 0 5px 0 #cccccc; min-height: 3rem; background: white; border-radius: 5px;}
.dzyhq_glj .mem_gljnum{font-size: 2.4rem; font-weight: bold; line-height: normal;}
.fjsj_top{background: url(../images/bac_fjsj.jpg) no-repeat; background-size: 100% 100%; text-align: center; color: white; font-size: 2rem; padding: 3rem 0 3.5rem; font-weight: bold;}
.dzyhq_gljbox{min-height: 6.5rem; position: relative;}
.dzyhq_glj{background: url(../images/bac_dzyhq.jpg) no-repeat; top: -2rem; background-size: 100% 100%; text-align: right;}
.dzyhq_glj p{color: white; padding-right: 5%;}
.dzyhq_glj .bt{padding-top: .9rem; font-weight: normal; font-size: 1rem;}
.dzyhq_glj .mem_id{padding-top: .35rem; font-size: .75rem;}
.dzyhq_list{width: 70%; margin: .5rem auto 0;}
.dzyhq_list li{display: table; width: 100%; padding: 1.2rem 0; margin-bottom: 10px; background: url(../images/bac_dzyhq2.jpg) no-repeat; background-size: 100% 100%;}
.dzyhq_list li>div{display: table-cell; vertical-align: middle; text-align: center; color: #199630; font-style: italic;}
.dzyhq_list li .left{width: 40%; font-size: 1.2rem;}
.dzyhq_list li .left em{font-size: 1.8rem; font-style: italic;}
.dzyhq_list li .right{width: 60%; font-size: 1.1rem; font-weight: bold; line-height: 1.2rem;}
.dzyhq_list li .right em{font-size: 2rem; font-style: italic;}
.dzyhq_list .active{background: url(../images/bac_dzyhq3.jpg) no-repeat; background-size: 100% 100%; color: white;}
.dzyhq_list .active>div{color: white;}
.dzyhq_xiey{padding: 0 7%; font-size: .75rem;}
.dzyhq_xiey input{width: 1rem; height: 1rem; vertical-align: middle;}
.dzyhq_btn{width: 8rem; height: 2.5rem; line-height: 2.5rem; display: block; margin: 0 auto; border-radius: 5px; background: #199630; font-size: .95rem; color: white;}
.btnbox{text-align: center; padding: 1rem 0;}
.mem_ordbox{font-size: .95rem; padding: .5rem 0;}
.mem_ordbox i{display: inline-block; width: .7rem; height: .5rem; background: #FFFFFF; vertical-align: middle; margin-right: .7rem;}

/*卡包*/
.kabao_box{padding: .7rem 5% 0;}
.kabao_list{padding-top: .5rem;}
.kabao_list li{background: white; border-radius: 5px; margin-bottom: 10px; padding: 2% 5% 3%;}
.kabao_list .bt{font-size: .7rem; line-height: normal; text-align: right; color: #1DAA39; font-weight: bold;} 
.kab_info{display: table; width: 100%;}
.kab_info>div{display: table-cell; vertical-align: middle;}
.kab_info .img,.kab_info .img img{width: 4.5rem; height: 4.5rem; border-radius: 50%;}
.kab_info .info{width: 100%; padding-left: .5rem;}
.kab_info .nam{font-size: 1.1rem; color: #000000; line-height: normal;}
.kab_info .pri{font-size: .85rem;}
.kab_info .pri em{color: #1DAA39; font-weight: bold;}
.kab_glj{font-size: .75rem; text-align: right; color: #000000; font-weight: bold; line-height: normal;}
.kab_glj em{background: #1DAA39; color: white; padding: 0 5px; border-radius: 3px;}

/*充值协议*/
.czxy_conbox{padding: 1rem 8%;}
.czxy_conbox p{font-size: .75rem; line-height: normal;}
.czxy_conbox .bt{font-size: .95rem; color: #000000; font-weight: bold; text-align: center; padding-bottom: .5rem;}
.czxy_conbox .tip{color: #000000; padding-bottom: .5rem;}



































